<template>
  <div>
      <el-table :data="InfoList" style="width: 100%">
        <el-table-column prop="userAccount" label="用户名" width="150px"></el-table-column>
        <el-table-column prop="jobDto.title" label="投递岗位" width="200px"></el-table-column>
        <el-table-column prop="jobDto.city" label="工作地点"></el-table-column>
        <el-table-column prop="deliverTime" label="投递时间" ></el-table-column>
      </el-table>
    </div>
  </template>
  
  <script>
  import axios from 'axios';

  export default {
    name: 'ResumeComponent',
    props: ['status'],
    data() {
        return {
            InfoList: [],
            activeName: 'first' // 初始化选中的标签页，默认为已投递
        };
    },
    methods: {
        fetchInfo(status) {
          axios.get(`http://localhost:8080/resume/getResumeJobResponseYlx/3/${status}`)
           .then(response => {
                    this.InfoList = response.data;
                })
           .catch(error => {
                    console.error('Error fetching info:', error);
                });
        },
    },
    mounted() {
        this.fetchInfo(this.status);
    }
  };
  </script>
  
  <style scoped>
.mycontainer {
    margin: 0 400px;
  }
.resume-container{
    background-color: #e6f7ff;
  }
.mytags{
    margin-top: 15px;
  }
.resume-section {
    display: flex;
    width: 100%;
    height: 100px;
  }
.picture-section {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.info-section {
    flex: 3;
    margin: 0 20px;
  }
.name-section {
    flex: 1;
    margin-top: 9px;
  }
.gender-age-section {
    flex: 1;
    display: flex;
    margin-top: 9px;
  }
.details-section {
    flex: 6;
    display: flex;
    flex-direction: column;
  }
  </style>